<!DOCTYPE html>
<html>

<head>
    <title>底部</title>
    <meta name="keywords" content="底部">
    <meta name="description" content="底部">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../css/style.css">
    <!-- [if lt IE 9]>
            <script src="../../lib/html5shiv.js"></script>
            <script src="../../lib/respond.min.js"></script>
        <![endif]-->
    <script src="../../lib/jquery-1.8.0.min.js"></script>
    <script src="../../lib/flexible.js"></script>
    <script src="../../lib/layer/layer.js"></script>
    <script src="../../js/config.js"></script>
    <script src="../../js/utils.js"></script>
    <style>
    </style>
</head>

<body>
    <div class="page page-header-footer">
        <header class="header is-fixed">
            <div class="aside is-left"></div>
            <h1 class="title">底部</h1>
            <div class="aside is-right"></div>
        </header>
        <div class="container">
            <footer class="footer">
                <div class="footer-item">
                    <div class="item-icon">
                        <span class="item-icon__inner icon-footer1"></span>
                    </div>
                    <div class="item-label">首页</div>
                </div>
                <div class="footer-item">
                    <div class="item-icon">
                        <span class="item-icon__inner icon-footer2"></span>
                    </div>
                    <div class="item-label">首页</div>
                </div>
                <div class="footer-item">
                    <div class="item-icon">
                        <span class="item-icon__inner icon-footer3"></span>
                    </div>
                    <div class="item-label">首页</div>
                </div>
                <div class="footer-item">
                    <div class="item-icon">
                        <span class="item-icon__inner icon-footer4"></span>
                    </div>
                    <div class="item-label">首页</div>
                </div>
            </footer>
        </div>
        <footer class="footer is-fixed">
            <a class="footer-item is-selected">
                <div class="item-icon">
                    <span class="item-icon__inner icon-footer1"></span>
                </div>
                <div class="item-label">首页</div>
            </a>
            <a class="footer-item">
                <div class="item-icon">
                    <span class="item-icon__inner icon-footer2"></span>
                </div>
                <div class="item-label">首页</div>
            </a>
            <a class="footer-item">
                <div class="item-icon">
                    <span class="item-icon__inner icon-footer3"></span>
                </div>
                <div class="item-label">首页</div>
            </a>
            <a class="footer-item">
                <div class="item-icon">
                    <span class="item-icon__inner icon-footer4"></span>
                </div>
                <div class="item-label">首页</div>
            </a>
        </footer>
    </div>
</body>

</html>